﻿<html>
<head>
<title>CSS3 Border Top Width Test</title>

<style type="text/css">
body {border-top-width: thick; border-top-style: solid;}
p {border-top-width: 10px; border-top-style: solid;
  }
h3 {border-top-width: 50px; border-top-style: solid;}
h4 {border-top-width: 25px; border-top-style: solid;}
em {border-top-width: thin; border-top-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Top Width Test</h1>





<ul>
<li >
For "border-top-width", possible values are "&lt;border-width&gt;" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a 10px
top border width.
The rule applied is "p {border-top-width: 10px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
The top border-width of this h3 heading should be 50px.  
The rule applied is "h3 {border-top-width: 50px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>
<h4>
The border-top-width of this h4 heading should be 25px.
The rule applied is "h4 {border-top-width: 25px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border top width of thin.
The rule applied is "em {border-top-width: thin;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have 10px border top width.  Border top style of solid is applied to all CSS rules,
so that top border is visible.  The body's top border width of thick should display,
since the rule "body {border-top-width: thick;}" applies.
</p>

</body>
</html>
